@CHARSET "UTF-8";
/*  .......................  RESET  .......................  */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center,dl, dt, dd, ol, ul, li, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;	padding: 0;	border: 0;	outline: 0;	font-size: 100%; vertical-align: baseline;	background: transparent;}

body {line-height: 1; font-family: Arial, sans-serif; font-size: 10px; color: #292f2f; background: url('/images/bg.jpeg')}

.clear { clear: both;width: 0px;height: 0px;overflow: hidden;font-size: 0px;line-height: 0px; }

.main {width: 870px; margin: 30px auto 0px auto;}

.hide {width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: #000; opacity: 0.7; z-index: 100; display: none;}
.popup, .popup2 {position: fixed; width: 350px; height: 200px; background: #fff; top: 50%; left: 50%; margin: -100px 0 0 -175px; z-index: 1000; border-radius: 5px; display: none;}
.popup span, .popup2 span {display: block; text-align: center; margin: 46px 0 0px 0; font-size: 14px; line-height: 27px;}
.popup .order, .popup2 .order {margin: 32px auto 0 auto; display: block; float: none;}	

.header {float: left; width: 100%; margin-bottom: 26px;}
.logo {float: left; text-decoration: none; color: #292f2f; margin-left: 24px;}
.logo-big {font-size: 19px; text-transform: uppercase; font-weight: bold; letter-spacing: 3px; text-shadow: 0px 1px 0px #fff; display: inline-block; margin-left: 7px;}
.logo-small {display: inline-block; margin-top: 8px; font-size: 15px; font-weight: bold; text-transform: uppercase; letter-spacing: 5px; text-shadow: 0px 1px 0px #fff;}
.header-title {float: left; font-size: 11px; font-weight: bold; text-transform: uppercase; margin: 21px 0 0 115px; letter-spacing: 1px; text-shadow: 1px 1px 0px white;}
.phone {float: right; font-weight: bold; font-size: 22px; margin: 14px 9px 0 0; text-shadow: 1px 1px 0px white;}
.phone:hover {cursor: pointer;}
.banners {overflow: hidden; border-radius: 5px; width: 100%; height: 447px; margin-bottom: 15px; box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.41); position: relative;}
.banners .item {float: left; height: 447px; width: 870px;}
.banners .itemlast {height: 447px; width: 870px;}
.line {float: left; width: 4350px;}
.banners h2 {position: absolute; color: white; font-size: 35px; font-weight: normal; margin: 56px 0 0 18px; text-shadow: 0px 1px 0 rgba(0, 0, 0, 0.5); width: 500px;}
.banners h2.dost {color: #292f2f; text-shadow: none;}
/*.banners h2.spec {margin-left:425px;}*/
.banner-text {position: absolute; color: #292f2f; font-size: 13px; margin: 163px 0 0 18px; line-height: 20px; width: 500px;}
.banner-text.white {color: white;}
.banner-price {position: absolute; margin: 244px 0 0 21px;}
.price-header {color: #fff; font-size: 13px;}
.prices {margin-top: 10px; margin-left: -2px; width: 330px; border-radius: 5px; overflow: hidden;}
.dark {height: 25px; background-color: rgb(209,227,241); background-image: linear-gradient(bottom, rgb(209,227,241) 0%, rgb(231,240,249) 100%);
background-image: -o-linear-gradient(bottom, rgb(209,227,241) 0%, rgb(231,240,249) 100%);
background-image: -moz-linear-gradient(bottom, rgb(209,227,241) 0%, rgb(231,240,249) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(209,227,241) 0%, rgb(231,240,249) 100%);
background-image: -ms-linear-gradient(bottom, rgb(209,227,241) 0%, rgb(231,240,249) 100%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(209,227,241)),
	color-stop(1, rgb(231,240,249))
);}
.light {height: 25px; background-color: rgb(239,244,248); background-image: linear-gradient(bottom, rgb(239,244,248) 0%, rgb(255,255,255) 100%);
background-image: -o-linear-gradient(bottom, rgb(239,244,248) 0%, rgb(255,255,255) 100%);
background-image: -moz-linear-gradient(bottom, rgb(239,244,248) 0%, rgb(255,255,255) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(239,244,248) 0%, rgb(255,255,255) 100%);
background-image: -ms-linear-gradient(bottom, rgb(239,244,248) 0%, rgb(255,255,255) 100%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(239,244,248)),
	color-stop(1, rgb(255,255,255))
);}
.dark:first-child {
	border-radius: 5px 5px 0 0;
}
.dark:last-child {
	border-radius: 0 0 5px 5px;
}
.dark:last-child span{	
	border-bottom: 0px;
}
.dark span, .light span {display: block; border-bottom: 1px solid #c6d9e8; font-size: 13px; line-height: 25px;}
.dark .first, .light .first {height: 24px; width: 205px; border-right: 1px solid #c6d9e8; float: left; padding-left: 9px;}
.dark .last, .light .last {height: 24px; width: 103px; float: left; padding-left: 9px;}
.dark .last.one, .light .last.one {width: 100%;}
.dark .last.dost {width: 100%; height: auto; background: #c6d9e8;}
.callback {position: absolute; width: 257px; height: 136px; background: url('/images/plashka.png'); margin: 293px 0 0 595px;}
.callback input {display: block; border: 1px solid #cbcfd0; border-radius: 4px; margin: 15px 0 -3px 12px; height: 24px; width: 217px; padding: 0 7px; color: #9da4ac;}
.order, .merge {display: block; width: 109px; height: 28px; line-height: 29px; text-align: center; background: #0099ff; color: #fff; text-decoration: none; text-transform: uppercase; font-size: 11px; border-radius: 3px; margin: 19px 0 0 13px; float: left;}
.order:hover, .merge:hover {box-shadow: 0px 0px 5px 0px rgba(0, 153, 255, 0.6);}
.think {display: block; width: 109px; height: 26px; border: 1px solid #74797c; line-height: 29px; text-align: center; background: #7e8387; color: #fff; text-decoration: none; text-transform: uppercase; font-size: 11px; border-radius: 3px; margin: 19px 0 0 11px; float: left;}
.think:hover {box-shadow: 0px 0px 5px 0px rgba(126, 131, 135, 0.5);}

.previwe {border-bottom: 1px solid #babdc2; padding-bottom: 26px; box-shadow: 0px 1px 0px #f1f0f5;}
.previwe a {float: left; width: 158px;margin-right: 20px; height: 176px; overflow: hidden; border-radius: 5px;}
.previwe a:last-child {margin-right: 0px;}
.previwe .move {float: left; width: 158px; margin-top: -48px; position: relative; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out;}
.previwe .move span {height: 41px; display: block; text-align: center; color: white; text-transform: uppercase; line-height: 17px; padding-top: 7px; background: #777a7f; border-radius: 0 0 5px 5px;}
.previwe .move p {background: white; color: black; padding: 8px 10px; font-size: 11px; line-height: 14px; height: 112px;}
.previwe-img {height: 176px; overflow: hidden; width: 158px; border-radius: 6px;}
.previwe a:hover .move {margin-top: -176px;}
.previwe a:hover .move span {border-radius: 5px 5px 0 0;}
.previwe a:hover .move p {border-radius: 0 0 5px 5px;}
.current .move span {background: #0099ff;}


.about {border-bottom: 1px solid #babdc2; padding-bottom: 21px; box-shadow: 0px 1px 0px #f1f0f5;}
.about h4 {font-size: 15px; margin: 21px 0 0 10px; float: left;}
.about p {margin: 20px 0 0 31px; float: left; font-size: 14px; line-height: 22px;}
.merge {float: right; margin: 17px 0 0 0; height: 34px; width: 158px; line-height: 36px; font-size: 12px;}

.footer {height: 80px; text-align: center; line-height: 80px; font-size: 9px;}